<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <ul type="square">
      <li>“文艺倡廉”福建省优秀舞台艺术作品 晋京展演</li>
      <li>玉兰这泼天的美丽，让上海长宁人乐赏春天的美好</li>
      <li>快来打卡！花朝节主题巴士亮相上海最美公交站</li>
      <li>一大波“春日限定”公交车亮相上海街头，你乘坐过吗</li>
    </ul>

    <ol type="a" start="4">
      <li>“文艺倡廉”福建省优秀舞台艺术作品 晋京展演</li>
      <li>玉兰这泼天的美丽，让上海长宁人乐赏春天的美好</li>
      <li>快来打卡！花朝节主题巴士亮相上海最美公交站</li>
      <li>一大波“春日限定”公交车亮相上海街头，你乘坐过吗</li>
    </ol>

    <dl>
      <dt>可以是文字也可以图</dt>
      <dd>相关文字</dd>
    </dl>
  </body>
</html>

<!-- 
  无序列表
    <ul>
      <li></li>
      <li></li>
      ...
    </ul>

    ul和li都是双标签
    它们都是独占一行的
    ul有一个type属性 (circle空心圆/disc实心圆/square实心方块)
    disc是默认值


  有序列表
    <ol>
      <li></li>
      <li></li>
      ...
    </ol>

    ol有一个type属性(1表示阿拉伯数字，a表示小写英文字母，A表示大写的英文字母，i表示罗马数组，I表示大写的罗马数字)
    有一个start属性，表示从当前type类型的第几个开始，属性值只能是数字


  自定义列表
    <dl>
      <dt>..</dt>
      <dd>..</dd>
    </dl>
    一般用在上面一张图片，下面一个描述的场景
 -->
